<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>apm demo</title>

    <script type="text/javascript">
        ! function (a, b) {
            var c = window;
            c.SessionStack = a, c[a] = c[a] || function () {
                c[a].q = c[a].q || [], c[a].q.push(arguments)
            }, c[a].t = b;
            var d = document.createElement("script");
            d.async = 1, d.src = "apm.js";
            var e = document.getElementsByTagName("script")[0];
            e.parentNode.insertBefore(d, e);
        }("apm", "cbf379b9df19461a949be4f54f5a4b41");
    </script>
</head>

<body>
    <input />
    <div id="app"></div>
</body>

<script>!function(t){var e={};function n(o){if(e[o])return e[o].exports;var r=e[o]={i:o,l:!1,exports:{}};return t[o].call(r.exports,r,r.exports,n),r.l=!0,r.exports}n.m=t,n.c=e,n.d=function(t,e,o){n.o(t,e)||Object.defineProperty(t,e,{enumerable:!0,get:o})},n.r=function(t){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(t,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(t,"__esModule",{value:!0})},n.t=function(t,e){if(1&e&&(t=n(t)),8&e)return t;if(4&e&&"object"==typeof t&&t&&t.__esModule)return t;var o=Object.create(null);if(n.r(o),Object.defineProperty(o,"default",{enumerable:!0,value:t}),2&e&&"string"!=typeof t)for(var r in t)n.d(o,r,function(e){return t[e]}.bind(null,r));return o},n.n=function(t){var e=t&&t.__esModule?function(){return t.default}:function(){return t};return n.d(e,"a",e),e},n.o=function(t,e){return Object.prototype.hasOwnProperty.call(t,e)},n.p="",n(n.s=0)}([function(t,e,n){"use strict";function o(t,e){return!e||"object"!==l(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function r(t){return(r=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}function i(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&u(t,e)}function u(t,e){return(u=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function c(t,e){if(t!==e)throw new TypeError("Cannot instantiate an arrow function")}function l(t){return(l="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function a(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function f(t,e){for(var n=0;n<e.length;n++){var o=e[n];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(t,o.key,o)}}function s(t,e,n){return e&&f(t.prototype,e),n&&f(t,n),t}var p=function(){function t(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};a(this,t),this.state={},this.props=e}return s(t,[{key:"setState",value:function(t){Object.assign(this.state,t),b(this)}}]),t}();function d(t,e,n){if("className"===e&&(e="class"),/on\w+/.test(e))t[e=e.toLowerCase()]=n||"";else if("style"===e)if(n&&"string"!=typeof n){if(n&&"object"===l(n))for(var o in n)t.style[o]=n[o]}else t.style.cssText=n||"";else e in t&&(t[e]=n||""),n?t.setAttribute(e,n):t.removeAttribute(e,e)}function b(t){var e,n=t.render();t.base&&t.componentWillUpdate&&t.componentWillUpdate(),e=m(n),t.base&&(t.componentDidUpdate?t.componentDidUpdate():t.componentDidMount&&t.componentDidMount()),t.base&&t.base.parentNode&&t.base.parentNode.replaceChild(e,t.base),t.base=e}function y(t,e){return e.appendChild(m(t))}function m(t){var e=this;if(void 0!==t&&null!==t&&"boolean"!=typeof t||(t=""),"number"==typeof t&&(t=String(t)),"string"==typeof t)return document.createTextNode(t);if("function"==typeof t.tag){var n=function(t,e){var n;return t.prototype&&t.prototype.render?n=new t(e):((n=new t(e)).constructor=t,n.render=function(){return this.constructor(e)}),n}(t.tag,t.attrs);return function(t,e){t.componentWillMount?t.componentWillMount():t.componentWillReceiveProps&&t.componentWillReceiveProps(e),t.props=e,b(t)}(n,t.attrs),n.base}var o=document.createElement(t.tag);return t.attrs&&Object.keys(t.attrs).forEach(function(n){c(this,e);var r=t.attrs[n];d(o,n,r)}.bind(this)),t.children.forEach(function(t){return c(this,e),y(t,o)}.bind(this)),o}var h={createElement:function(t,e){for(var n=arguments.length,o=new Array(n>2?n-2:0),r=2;r<n;r++)o[r-2]=arguments[r];return{tag:t,attrs:e,children:o}}},v={render:function(t,e){return c(this,void 0),e.innerHTML="",y(t,e)}.bind(void 0)},g=(function(t){c(this,void 0),console.log(t)}.bind(void 0),function(t){function e(t){var n;return a(this,e),(n=o(this,r(e).call(this,t))).state={num:0},n}return i(e,p),s(e,[{key:"onClick",value:function(){this.setState({num:this.state.num+1})}},{key:"componentWillMount",value:function(){console.log("componentWillMount")}},{key:"componentDidMount",value:function(){console.log("componentDidMount")}},{key:"componentWillUpdate",value:function(){console.log("componentWillUpdate")}},{key:"render",value:function(){var t=this;return h.createElement("div",null,h.createElement("h1",null,"stbui demo",(new Date).toLocaleTimeString()),h.createElement("h1",null,"number: ",this.state.num),h.createElement("button",{style:{padding:"10px",backgroundColor:"#f00",color:"#fff"},onClick:function(){return c(this,t),this.onClick()}.bind(this)},"button"))}}]),e}());console.log(h.createElement(g,null)),v.render(h.createElement(g,null),document.getElementById("app"))}]);</script>
</html>